﻿*{
    margin: 0;
    padding: 0;
}
a:hover, a:focus {
    text-decoration: none;
}
.head{
    width:100%;
    height:3rem;
    background: #17C5E8;
    color:#fff;
}
/*#list .weui_cell_primary{*/
    /*font-size: 14px;*/
/*}*/
/*#list .weui_cell_ft{*/
    /*font-size: 12.5px;*/
/*}*/
/*#list .ui_li ul li{*/
    /*float: left;*/
    /*width: 49%;*/
    /*height: 3rem;*/
    /*line-height: 3rem;*/
    /*text-align: center;*/
    /*font-size:14px;*/
/*}*/
#list .ui_li ul li div{
    width: 4rem;
    height: 100%;
    margin: 0 auto;
    border-bottom: 3px solid #fff;
}
#list .list .weui_uploader_file{
    width:auto;
    height:auto;
}
#list #clell .weui_uploader_file{
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding:2px;
    height:150px;
}
#list #clell img{
    height:97%;
}
#list .weui_dialog{
    top:45%;
    width:90%;
}
#list #loader_bd .weui_uploader_input_wrp:before{
    width:0;
}
#list #loader_bd .weui_uploader_input_wrp:after{
    width:0;
}
#list  #loader_bd  .weui_uploader_input_wrp{
    height:24px;
    text-align: center;
    border: none;
    background: #d43f3f;
    color: #fff;
    line-height: 25px;
    margin-left: 35%;
}
#list #clell .weui_uploader_bd{
    float: left;
    width:49%;
    height:150px;
    margin: 0 auto;
}
#list #clell .weui_uploader_input_wrp{
    margin-left: 25%;
    top:20%;
}
.fa-fire{
    color:#FEA500;
    margin-right:0.5rem;
}
.weui_cells{
    margin-top:0;
}
.tui_master .clee{
    width:23%;
    font-size:0.9rem;
    text-align:center;
    margin-right:0.3rem;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
}
.tui_master:before{
    margin:0;
}
.bettle_jiu{
    width:40%;
    float:left;
}
/* 订单页面 */
#lpgistics .fa_up{
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 0 0 2px;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
#lpgistics .fa_down{
        content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
}
#lpgistics .weui_cell_primary p{
    font-size:14px;
}
#lpgistics .weui_cell_ft{
    font-size: 12.5px;
}

#lpgistics  .weui_celll p{
    font-size: 14px;
}
#lpgistics  .weui_celll {
    padding: 3px 15px;
    position: relative;
    display: flex;
    color:#8e8e8e;
    align-items: center;
}
#lpgistics .buy div{
    height: 1.3rem;
    margin-left:0.5rem;
    line-height: 1.2rem;
}
#lpgistics #num div{
    float: right;
    padding: 2px;
}
#lpgistics #num div input{
    border:none;
    outline: none;
    width:1rem;
    text-align: center;
}
#lpgistics .reduce,#lpgistics .add {
    background: #EDEDED;
    font-size: 18px;
    height:1rem;
    width:1rem;
    text-align: center;
    line-height: 1rem;
}
#lpgistics .weui_textarea{
    border:1px solid #eee;
    padding: 5px;
    display: inline-block;
    font-size: 13px;
    width:70%;
    margin: 0 auto;
}
.muu_div p{
    height:1.5rem;
    line-height:1.5rem;
}
.weui_btn_primary{
    background:#fff;
}
#cells a{
    border-bottom:1px solid #fafafa;
}
#master .weui_cells_access{
    width:100%;
}
#master .head .map{
    width:16.5%;
    float: left;
    /*text-align: center;*/
    line-height: 3rem;
}
.header .map{
    width:24%;
    float: left;
    font-size:0.9rem;
    text-align: center;
    line-height: 2rem;
}
.button_sp_area{
    width: 100%;
    border-top:1px solid #eee;
    position: fixed;
    background:white;
    bottom: 0;
    left: 0;
}
.weui_btn_primary{
    background-color: white;
    color: black;
}
.button_sp_area a{
    border:none;
}
.weui_btn:after{
    border:none;
}
li{
    list-style: none;
}
.button_sp_area li{
    width:33%;
    float: left;
    text-align: center;
}
.button_sp_area .weui_btn{
    padding: 0.2rem;
    margin-top: 0.4rem;
}
.header{
    height:2rem;
    width:100%;
    background: #e3e3e3;
}
.header li{
    width:32%;
    height: 2rem;
    position: relative;
    line-height: 2rem;
    border-right: 1px solid #eee;
    text-align: center;
    display: inline-block;
}
.header li:last-child{
    border:none;
}
.header li .weui_cells_access{
    z-index: 999;
    position: absolute;
    margin-top: 0;
}

.weui_cells_access{
    width:100%;
}
.masters a{
    display: inline-block;
}
.weui_cell:before{
    border:none;
}
.masters li div{
    float: left;
    font-size: 0.7rem;
}
.masters li div p{
    height:1.3rem;
    line-height: 1.3rem;
}
.masters li div img{
    width:4rem;
    height:5rem;
    margin-left:0.1rem;
}
.information{
    width:2.3rem;
    margin-left: 1rem;
    text-align: center;
}
#master p{
    margin: 0;
}
/*品酒师详情*/
#app .image{
    width:100%;
    height:8.5rem;
    background: #17C5E8;
}
#app .xiang_infor,#app .img_infor{
    float: left;
}
#app .xiang_infor{
    padding-left: 1rem;
    height:6.5rem;
    margin-top: 2rem;
}
.img_infor img{
    width: 8rem;
    height: 8.5rem;
}
#app .xiang_infor div{
    height:2rem;
    line-height: 2rem;
    color:white;
}
.distance{
    width:100%;
    height:2rem;
    line-height: 2rem;
    text-align: center;
    background: #eee;
}

#weui_div .weui_cell div:first-child{
    word-wrap: break-word;
    background: #eee;
}
#weui_div .weui_cell div:first-child p{
    width:1rem;
    margin:1rem auto;
}
#weui_div .info_div div{
    height:2.5rem;
    line-height: 2.5rem;
}
#cells .weui_cell_primary{
    text-align: center;
}


#section1 #weui_cell_bd{
    width:10rem;
}
#section1 .imgs img{
    width:3rem;
    height:3rem;
    border-radius: 180px;
    margin-right: 0.5rem;
}
#section1 .imgs:after {
    top: -1rem;
}
#section1 #data #in{
    border:none;
    color:lightgray;
    width:6.25rem;
    height:2rem;
    background: rgba(1,1,1,0);
    text-align: right;
    margin-top:-1rem;
}
#section1 #a{
    margin-right: 1rem;
}
/*#section1 #data{*/
    /*height:1rem;*/
    /*width: 11rem;*/
/*}*/
#section1 #data:after {
    top: -1.5rem;
}
/* 评论 */
#p_lange .xu_p .o_pp{
    border:1px solid #eee;
    color:#000;
}
#p_lange .xu_p .i_pp{
    border:1px solid #d43f3f;
    color:#d43f3f;
}
#model{
    width:100%;
    height:100%;
    background:rgba(1,1,1,.5);
    position:fixed;
    top:0;
    left:0;
}
#model .model{
    width:80%;
    height:10rem;
    background:white;
    position:absolute;
    top:30%;
    left:10%;

}
#model .weui_cells{
    margin-bottom:1rem;
}
#model .weui_btn_mini{
    margin-left:1rem;
}


.photo{
    width:3.5rem;
    height: 3.5rem;
    border-radius: 180px;
    background: #eee;
    margin: 0 1rem;
}
.photo img{
    width:3.5rem;
    height: 3.5rem;
    border-radius: 180px;
}
.change{
    display: inline-block;
    width:7rem;
    margin: 0 auto;
    text-align: right;
    float:right;
    height:4rem;
    line-height: 4rem;
    padding-right: 1rem;
    color:white;
}


#headers .weui_cell_ft{
    text-align:center;
}

#section1 #weui_cell_bd{
    width:10rem;
}
#section1 .imgs img{
    width:3rem;
    height:3rem;
    border-radius: 180px;
    margin-right: 0.5rem;
}
#section1 .imgs:after {
    top: -1rem;
}
#section1 .weui_cell{
    border-bottom:1px solid #eee;
}
#gender,#signature{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left: 0;
    background: rgba(1,1,1,0.3);
}
#gender .weui_actionsheet_cell{
    color: darkgrey;
}


#src{
    float: right;
    width:4.3em;
    margin-top:-3.5em;

}

.weui_cell_ft {
    text-align: right;
    color: #757575;
}
#section1 .imgs{
    width:4em;
    height:4em;
    position: relative;
}
#section1 .imgs img{
    width:4em;
    height:4em;
    position: absolute;
    top:0;
    left:0;
    border-radius: 180px;
}
#img0{
    background: gainsboro;
    width:3em;
    height:3em;
    overflow: hidden;
    border-radius: 180px;
}
#section1 .imgs:after {
    top:-2em;
}



#shan_name .weui_cell_primary {
    font-size: 13px;
    width: 68%;
}


#shan_name .cells {
    padding: 10px 0;
}


#shan_name .input_div {
    width: 16px;
    height: 16px;
    border-radius: 180px;
    border: 1px solid #999;
}

#shan_name .l {
    background: url('../images/21.png') no-repeat;
}

#shan_name .active {
    background: url('../images/20.png') no-repeat;
    display: none;
}

#shan_name .float_p p {
    float: left;
    position: absolute;
    left: 0;
}

#shan_name .weui_celll {
    padding: 10px 15px;
    position: relative;
    display: flex;
    align-items: center;
}


#shan_name .money_num div {
    float: left;
}

#shan_name .weui_ft div {
    display: flex;
    font-size:12px;
}

#shan_name .weui_ft p {
    display: inline-block;
    color:#fff;
    padding:8px;
    width: 3rem;
    text-align: center;
}

#shan_name .weui_ft .p_rem {
    background:#FE7216;
    border-radius:23px  0  0 23px;
}
#shan_name .weui_ft .p_buy{
    background:#D43D3D;
    border-radius:0 23px 23px 0;
}
#shan_name .money_num .reduce,
#shan_name .money_num .add {
    background: #EFEFEF;
    padding: 0 7px;
    font-size: 14px;
}

#shan_name .weui_cells {
    margin-top: 0;
}
.suan-money{
    position: fixed;
    width:100%;
    bottom:0;
    left: 0;
}
.inputs{
    width: 1.2rem;
    height:1.2rem;
    margin-right: 0.5rem;
}
.suan-money button{
    background: orange;
    border: none;
    width:5rem;
    margin: 0;
    padding: 0.7rem;
    color:white;
}

.container{
    max-width: 800px;
    margin: 0 auto;
}
.slide{
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.slide .img img{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 60%;
    height: 60%;
    top: 20%;
    left: -20%;
    z-index: 2;
}
.slide .img3{
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    z-index: 3;
}
.slide .img4{
    width: 60%;
    height: 60%;
    top: 20%;
    left: 60%;
    z-index: 2;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
button{
    width: 50px;
    margin: 20px;
}
#infor{
    padding-left: 0.5rem;
}
#infor .weui-media-box__title{
    color: orange;
}
#infor .express{
    padding-top: 0.5rem;
}
em,i{
    font-style: normal;
}
#infor .express em{
    float: left;
    width: 33%;
    color: #666;
    text-align: center;
}

.quan i{
    display: inline-block;
    padding: 0.3rem;
}
.color_i{
    color: #666;
}
.shop_quan{
    color:orange;
    font-size:0.9rem;
    width:3rem;
    background:#feeeee;
    padding:0.2rem;
    border-radius:180px;
}

.appraise .weui_cell_hd img{
    width: 2rem;
    height: 2rem;
    border-radius: 180px;
    margin-right: 0.3rem;
}
.appraise .weui_cells:after{
    border-bottom: none;
}
.appraise .weui_cells:before{
    border-top: none;
}
.xiang_fotter{
    width:100%;
    background: white;
    height:3rem;
    border-top:1px solid #eee;
    line-height: 3rem;
    position: fixed;
    bottom: 0;
    left: 0;
}
.xiang_fotter .fotter_left{
    float: left;
    width:8rem;
    text-align: center;
}
.xiang_fotter .fotter_right{
    float: right;
    margin-right:1rem;
    height: 50px;
}
.xiang_fotter .fotter_right button{
    padding: 0.5rem;
    width:auto;
    margin:0;
    outline: none;
    border: none;
    color: white;
}
/* 公共底部 */
.button_sp_area .img2,.button_sp_area .img4,.button_sp_area .img5{
    display:none;
}

/* 物流 */
#lpgistics .lpgistics-top{
    width: 100%;
    height:3rem;
    background: #fff;
    border-bottom: 1px solid #eee;
    line-height: 3rem;
    padding-left: 1rem;
}
#lpgistics .lpgistics-top i{
    float: left;
    line-height:3rem;
}
#lpgistics .tal_er{
    background:#17C5E8;
    width:100%;
    color: #fff;
    margin-top:0.3rem;
    font-size:1.1rem;
    height:6rem;
}
#lpgistics .weui_cells{
    margin-top: 0;

}
#lpgistics .weui_label{
    width:auto;
}
#lpgistics .hides{
    width:100%;
    text-align: center;
    color: red;
    font-size: 0.9rem;
    display: none;
}
#lpgistics .tibtn{
    width:90%;
    height:3rem;
    outline: none;
    border:none;
    background: #17C5E8;
    color: white;
    margin:2rem 5%;
}
#lpgistics .tal_er .weui_cell:before{
    border-top:none;
}
/* 二维码 */
#erwm .weui_cells{
    margin-top: 0;
}
#erwm .img_eewm{
    width:90%;
    margin: 0 auto;
}
#erwm .img_eewm .weui_cells{
    margin-top: 1rem;
}
#erwm .img_eewm .weui_cells .fa-user-o{
    margin-right:5px;
}
/* 我的余额 */
#yue{
    background: #eee;
}
#yue .weui_cells{
    margin-top:2px;
}
#yue .yu-money{
    height:33%;
    padding: 0 0.7rem;
    background: #fff;
    overflow: hidden;
    /* border-radius: 12px; */
}
#yue .yu_btn button{
    width:90%;
    height:3rem;
    border:none;
    text-decoration: none;
    outline: none;
    font-size: 1.1rem;
}
#bag_input{
    border:none;
    width:10rem;
    outline: none;
    font-size: 1.3rem;
}
/*充值*/
#yue .xuan_money {
    background: #fff;
    height:4rem;
    margin-top: 2px;
    padding: 0 0.7rem;
    /* border-radius: 12px; */
}
#yue .xuan_money ul li{
    width:25%;
    text-align: center;
    line-height: 2.5rem;
    float: left;
    margin: 0.7rem auto;

}
#yue .xuan_money ul li div{
    width:4rem;
    height:2.5rem;
    border:1px solid #e3e3e3;
}

/* 我的钱包 */
#money_bag{
    background: #eee;
    color: #494949;
}
#money_bag .weui_cells{
    margin-top:0;
}
#money_bag .money_bag{
    width:93%;
    height:23%;
    margin: 5px auto;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
}
#money_bag .money_bag p{
    height:3rem;
    line-height: 3rem;
    margin-top: 0.5rem;
}
#money_bag .money_bag p:first-child{
    font-size: 16px;
    padding-left: 2rem;
}
#money_bag .money_bag p:last-child{
    font-size: 1.2rem;
}
#money_bag .quan{
    width:93%;
    background: #fff;
    height:6rem;
    margin: 1rem auto;
    overflow:hidden;
    box-shadow: 0px 0px 5px #e3e3e3;
}
#money_bag .quan .quan_left{
    width:20%;
    height:5rem;
    float: left;
    border-right:1px solid #eee;
    text-align: center;
    color: #2bacca;
}
#money_bag .quan .quan_left p{
    height:2.5rem;
}
#money_bag .quan .quan_left p:last-child{
    font-size: 1.5rem;
}
#money_bag .quan .quan_right{
    width:75%;
    height:3rem;
    float: right;
    padding-left: 1rem;
}
#money_bag .quan .quan_right p{
    height:2.5rem;
    font-size:0.9rem;
}
#money_bag .quan-div p{
    display: inline-block;
}
#money_bag .quan-div p:last-child{
    color:#FF6A6A;
    width:37%;
    text-align:right;
}
#money_bag .quan_shang{
    width:100%;
    height:4rem;
    margin-top: 0.5rem;
}
#money_bag .quan_down{
    width:100%;
    height:2rem;
    background: #eee;
}
#money_bag .quan_down p{
    padding-left: 0.5rem;
}
/* 充值方式 */
#mothods li{
    /* text-align: center; */
    line-height: 2.5rem;
    /* margin: 0.7rem auto; */
    font-size: 15px;
}
/* 公共导航栏底部点击之后的效果 */
.weui_btn_primary:not(.weui_btn_disabled):visited{
    color:black;
    background:white;
}
/* 提交订单 */
#dingdan{
    background: #eee;
    font-size: 1rem;
}
#dingdan .weui_cells{
    margin-top:0;
}
#dingdan .address{
    background: #fff;
    width:8rem;
    height:2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color:#17C5E8;
    margin-top:1rem;
    margin-left: 1rem;
    border-radius: 10px;
    position: relative;
}
#dingdan .address .hide-div{
    width:8rem;
    height:8px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    left:0;
    z-index: 10;
}
#dingdan .adding{
    width:90%;
    margin:0 auto;
}
#dingdan .adding .weui_aa{
    text-align: center;
}
#dingdan  .weui_cells{
    font-size: 1rem;
}
#dingdan .ding_goods{
    width:90%;
    margin:0 auto;
}
#dingdan  .mation p{
    height:2rem;
    line-height: 2rem;
}
#dingdan .weui_celll {
    padding: 10px 15px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:black;
}
#dingdan  .ding_btn{
    width:100%;
    height:3rem;
    position: fixed;
    bottom: 0;
    left:0;
    margin-top: 2rem;
}
#dingdan .ding_btn .btn_left{
    width:70%;
    height:3rem;
    background: black;
    float: left;
    color:#fff;
}
#dingdan .ding_btn .btn_left p{
    height:2rem;
    line-height: 2rem;
    padding:0.5rem;
}
#dingdan .ding_btn .btn_right{
    width: 30%;
    height:3rem;
    background: #fff;
    float: left;
}
#dingdan .ding_btn button{
    width:100%;
    height:3rem;
    border:none;
    margin:0;
}
/* 地址管理 */
#dizhi {
    font-size: 1rem;
}

#dizhi .weui_cells {
    margin-top: 0;
}

#dizhi .dres {
    font-size: 0.9rem;
}

#dizhi .img {
    width: 25px;
    height: 25px;
    margin-right: 1rem;
}

#dizhi .img_cell {
    background: url("../images/6.png") no-repeat;
}
#dizhi .fa-pencil-square-o{
    color:#d43f3f;
}

#dizhi  .weui_cells .weui_cell:first-child{
    color:#d43f3f;
}
#adres .weui_cells {
    margin-top: 0;
}

#adres .cells {
    font-size: 0.9rem;
}

#adres .weui_label {
    width: auto;
}

#adres .weui_cells_checkbox {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    width:70%;
}

#adres .weui_cells_checkbox input {
    margin-left: 3rem;
}

#adres .btn-sub {
    width: 100%;
    height: 2rem;
    margin: 0;
    border: none;
    background: #17C5E8;
    color: white;
    outline: none;
}

/* 打赏 */
#money{
    width:100%;
}

#money .photos{
    width:100%;
    height:9rem;
    background: #fff;
    overflow: hidden;
}
#money .weui_cells{
    margin-top:0;
}
#money .photos div{
    width:100%;
    margin: 1.5rem auto;
}
#money .photos div img{
    width:4rem;
    height:4.5rem;
}
#money  .inp-div{
    text-align:center;
    height:3rem;
    line-height:3rem;
    font-size:1.5rem
}
#money  .weui_label{
    width:6rem;
    text-align: right;
}
/* 评分 */
#pingfen{
    width:100%;

}
#pingfen  .weui_cells{
    margin-top:0;
}
#pingfen .starts{
    width :100%;
    height:1.5rem;
    margin: 0.7rem;
}
#pingfen .starts ul{
    width:70%;
    margin: 5px auto;
}
#pingfen .starts ul li{
    list-style: none;
    width:32px;
    height:21px;
    float:left;
    background:url(/src/assets/Public/wangwen/images/stark2.png) no-repeat;
    /*background:url(/src/assets/Public)o-repeat;*/

}
#pingfen .starts ul li.on{
    background:url(/src/assets/Public/wangwen/images/stars2.png) no-repeat;
}
#pingfen .starts ul span{
    display:inline;
    float:left;
    padding-left:10px;
    height:21px;
    line-height:21px;
}

/*彭霞首页*/
/*头*/
.h_fonts{background-color:#d43f3f!important;font-size: 14px!important;}
.m_a{width: 25%!important;}
/*历史客户*/
.recommend{border-bottom: 1px dotted #999;display: none}
.re_history{display: flex;justify-content: center;align-items: center;  padding: 2%;
    color: #999; border: 1px solid #eee;border-right: none;border-left: none}
/*首页品酒师*/
.homepage_wine{flex-wrap: wrap;background-color:white;display: flex;
    justify-content: flex-start;align-items: center}
.winetaster{font-size:12px;margin:2% 1%;width: 46%;padding: 2px;}
.w_i{width:150px;height: 165px;}
.winetaster img{width: 100%;border-radius: 3px;}
.hp_font1{display: block;overflow: hidden;margin-bottom: 3px;color: black}
.hp_font1 span img{width:10px;}
.hp_font1 span span{color: gold;font-size: 10px}
.hp_font2{overflow: hidden;color:#999}
.hp_font2 span img{width: 15px;height: 15px;margin-left: 6px;}
/*底部*/
footer{z-index:1;border-top:1px solid #eee;width: 100%;padding:3px 0;position:fixed;bottom: 0;background:white;}
.footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content: center;}
.foot{width:25%;display:flex;justify-content: center;text-align: center;}
/*.footstep{color:#999;width:45%;display: flex;flex-wrap: wrap;align-items:baseline;justify-content: center;}*/
.step1{height:24px;width:24px;display: inline-block;background:#666;}
.step1 img{width:100%;height:100%;}
.stepchosed{height:24px;width:24px;background:#d43f3f;display: flex;} /*footer被选中时的颜色*/
.step2{font-size: 0.9rem;margin-top: 0px;display: block;}
.sindex{color:#d43f3f;}
/*品酒师详情页*/
header{display:flex;padding:4px 3%;background:#d43f3f;}
.iheadl,.iheadr{width:6%;display:flex;align-items:center;}
.iheadl img,.iheadr img{height:50%;}
.iheadmo{align-items: center;width:85%;display:flex;justify-content:center;color:#fff;}
.turnbox>a>img{width: 100% !important;height: auto !important;}
.collecp{width: 24%;float: right;display: block;margin-top: 3px;margin-right: 4%;text-align: right}
.collecp #chan_pic{color:orange}
.collecp>img{width:100%;height:100%;}
.backbox{width:48px;height:24px;float: left;margin:0 5px 0 3%;position: relative;}
.backt{position: absolute;right: 0;color: #fff;font-size: .9em;top: 5px;}
.back{content: " ";display:inline-block;height:10px;width:10px;border-width:0 0 2px 2px;border-color: #fff;border-style: solid;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;top:9px;left:5px;}
.detailtitle{color:#fff;text-align:center;float: left;height: 24px;width:60%;margin-left: 4%;position: relative;}
.deturn{position: relative;width: 100%;height: 180px;overflow: hidden;}
.sjname{letter-spacing: 2px;font-size: .9em;top:0;padding-left:5%;width:95%;height:36px;line-height: 36px;color:#fff;background-size:cover;}
.sellerDetail{width: 100%;height: calc(100vh - 275px);overflow:scroll;-webkit-overflow-scrolling: touch;}
.details{background: #fff;}
.derecom{display:flex;justify-content: space-between;line-height: 45px;border-bottom: 1px solid #eee;}
.destars{width: 80%;margin-right: 3%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    text-align: right;}
.destar{width: 8%;display: flex;margin-right:2%;}
.destar>img{width:100%;height:100%;}
.deinfo{width:35px;font-size: .9em;margin-left:2%;color:#ff7e22;}
.despending{width:120px;display:flex;flex-direction:row;align-items: baseline;margin-left: 5%;position:relative;}
.denext{top: 11px;right: 6px;}
.details-container{margin-top: 1px;background: #ffffff;    padding: 8px 3% 3px;border-bottom: 1px solid #eee;}
.box__bd{position: relative;font-size: 15px;}
.business-detail{display: block;color: #333;margin-bottom: 3px;font-size: 13px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hmap{width: 5%;float: left;margin-right: 2%;display: inline;}
.hmaddr{float: left;display: block;margin-top: 3px;}
#clickTC{position: absolute;cursor: pointer;border-radius: 5px;top: 24px;right: 10px;min-width: 100px;padding: 6px;font-size: 12px;background: RGBA(0,0,0,0.5);color: #ffffff;text-align: center;z-index: 1001;display: none;}
#panel{display: none;}
#container {position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;display: none;z-index: 1000;background: #ffffff;}
#bt{position: absolute;cursor: pointer;border-radius: 5px;background-color: #0D9BF2;padding: 6px;width: 160px;color: white;top: 24px;left: 10px;text-align: center;font-size: 12px;z-index: 1001;display: none; }
.decomms{width:94%;padding:0 3%;}
.defar{background: #fff;color:#12b290;font-size:.8em;}
.seller_detail{background:#fff;padding: 0 8px;margin-top: 5px;}
.sellerd{display:flex;justify-content: center;width:100%;font-size:.9em;border-bottom: 1px solid #eee;}
.selll{width:39%;display:flex;color:#333;justify-content:center;}
.sellerd>.sel_name:first-child{border-right: 1px solid #eee}
.introduce{margin: 5px 0; background-color: white;padding: 10px }
.in_f1{font-weight: 700;font-size: 15px;display: block}
.in_f2{color: #999;font-size:.9em}
/*排名*/
.sel_name{width: 50%;display: flex;justify-content: space-between;align-items: center;height: 40px;}
.seller_detail>span{font-weight: 700;font-size: 15px;padding: 6px 0;display: block;}
.seller_detail>p{border-top: 1px solid #eee}
.pm_f{border-right: 1px solid #eee;flex-wrap: wrap;height: 70px;}
.pm_f-1{width: 100%;display: flex;flex-wrap: wrap;line-height: 30px;}
.pm_f-2{color: #999;width: 100%;line-height: 20px;display: flex;justify-content: flex-start;margin-left: 2%; font-size: .85em;}
.sellr{width:61%;display:flex;color:#999;}.phone{color:#12b290;}
.sellmessage{line-height: 25px;margin-top: 10px;color: #333;padding-right: 2%}
.youhui{color:#F44336;}
.depay{display:flex;justify-content:center;width: 100%;line-height:40px;border: 0;background: #12b290;color: #fff;position: fixed;bottom: 0;font-size: 1.12em;padding: 0;}
.contde{background-color: #eee;height:100vh;}
/*底部*/
.xq_foot{width:45%;display:flex;justify-content: center;font-size: 14px}
.xq_foot:last-child{border-left: 1px solid #eee}
.foot_step{color: black;display: flex;flex-wrap: wrap;align-items:center;justify-content: center;}
.fa_img{width:25px;margin-right: 10px}
.foot_step>img{width:20px;margin-right: 10px}
/*酒水详情*/
.win_de-fonts{padding: 8px 0;overflow: hidden;display: block}
.w_f-li1{justify-content:flex-start;}
#reduce{width: 17%;height: 85%;border: none;margin-left: 10px;line-height: 85%;font-size :20px}
#add{width: 17%;height: 85%;border: none;line-height: 85%;font-size:20px}
.w_f-li2{padding: 5px;align-items: center;width: 70px;font-size: 14px;display: flex; color: white;justify-content: center;}
.w-f_liy{background-color: #ff7216;border-radius: 15px 0 0 15px;}
.w-f_lin{background-color: #d4403f;border-radius:  0 15px 15px 0}
/* 筛选 */
#filtrate{
    width:95%;
    margin:  0 2.5%;
    overflow: hidden;
    background: #efebeb;
}
#filtrate .header{
    margin: 2px auto;
    background: #fff;
    text-align: center;
    height:2.5rem;
    line-height: 2.5rem;
}
#filtrate .fa-search{
    color:#eee;
}
#filtrate .header input{
    width:30%;
    border:none;
    outline: none;
}
#filtrate  .weui_cells{
    margin-top: 0;
}
#filtrate .weui_cell_primary{
    font-size: 14px;
}
#filtrate .weui_cell_ft{
    font-size: 12.5px;
}
#filtrate ul li{
    float: left;
    padding: 0.1rem 0.5rem;
    border:1px solid #eee;
    margin-right:0.4rem;
    position: relative;
    margin-bottom:7px;
}


#filtrate .fa-check{
    position: absolute;
    color: #09BB07;
    display: none;
    bottom: -2px;
    right:-3px;
}
#filtrate  .weui_celll{
    height:1.5rem;
    padding-left: 10px;
    margin-top: 1.5rem;
}

#a_onre{
    width:100%;
    position: fixed;
    left:0;
    top:0;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.3);
}
.fil_model{
    position: fixed;
    top:15%;
}

/*动态数据*/
#filtrate .quan{
    background: #fff;
    width:100%;
    height:8.5rem;
    margin-top:5px;
    font-size: 14px;
}
#filtrate.quan_shang{
    height:8.3rem;
}
#filtrate .quan_left{
    padding: 10px 15px;
    float: left;
}
#filtrate .quan_right{
    float: left;
    padding: 10px 5px;
}
#filtrate .img_add{
    width:6rem;
    height:7rem;
}
#filtrate .quan-div p{
    height:2rem;
    line-height: 2rem;
}


/* 最新我的订单 */
#new_dingdan{
    width:100%;
    background: #eee;
}
#new_dingdan .weui_cell{
    padding:10px 8px;
}
#new_dingdan .weui_cells{
    margin-top:0;
}
#new_dingdan .weui_cells .weui_cell_primary {
    font-size: 14px;
    width:70%;
}
#new_dingdan .weui_cells .weui_cell_ft{
    font-size:12.5px;
}
#new_dingdan .weui_cells .weui_cell_primary div{
    height:1.6rem;
    width:98%;
    line-height: 1.2rem;
}
#new_dingdan .weui_celll {
    padding: 10px 15px;
    position: relative;
    display: flex;
    align-items: center;
}
#new_dingdan ul li{
    float: left;
    width:49.5%;
    height:2.3rem;
    line-height: 2.3rem;
    text-align: center;
    /*border-right:1px solid #eee;*/
}
#new_dingdan ul li:last-child{
    border:none;
}
#new_dingdan ul li div{
    width:4rem;
    height:100%;
    margin: 0 auto;
    border-bottom:3px solid #fff;
}
/*#new_dingdan  #shang_ch ul li{*/
    /*width:24.5%;*/
/*}*/
